
//首页内容
#body{
    width: 100%;
    height: auto;
    overflow: hidden;
    //轮播区域
    .banner{
        width: 1190px;
        height: 480px;
        margin: 0 auto;
        .banner_list{
            width: 990px;
            height: 480px;
            float: right;
            position: relative;
            .lunbo{
                width: 990px;
                height: 480px;
                position: absolute;
                top: 0;
                left: 0;
                display: none;
            }
            .default{
                display: block;
                .lunbo_pic{
                    width: 990px;
                    height: 480px;
                    position: absolute;
                    li{
                        display: none;
                        width: 990px;
                        height: 480px;
                        position: absolute;
                    }
                }
                .sekuai{
                    position: absolute;
                    bottom: 30px;
                    left: 600px;
                    z-index: 1000;
                    li{
                        float: left;
                        width: 25px;
                        height: 25px;
                        color: #FFFFFF;
                        margin-left: 10px;
                        text-align: center;
                        line-height: 25px;
                        border-radius: 50%;
                        cursor: pointer;
                        background: black;
                    }
                }
            }
        }
    }
    //楼层
    .floor_area{
        width: 1190px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        .floor{
            width: 100%;
            height: auto;
            overflow: hidden;
            .floor_title{
                border-bottom: 3px solid #000;
                font: 17px/34px "微软雅黑";
                margin-top: 30px;
                span{
                    color: #939598;
                    font-size: 14px;
                    margin-left: 6px;
                }
            }
//          内容部分
            .floor_body{
                border: 1px solid #D1D3D4;
                padding: 24px 0px 12px 12px;
                background: #FFF;
                overflow: hidden;
                .fbl{
                    width: 200px;
                    padding-right: 12px;
                    .hotlink{
                        height: 67px;
                        margin-bottom: 8px;
                        position: relative;
                        overflow: hidden;
                        background: #6A7DDC;
                        div a{
                            display: block;
                            width: 99px;
                            height: 100%;
                            text-align: center;
                            padding-top: 10px;
                            font-size: 14px;
                            color: #FFFFFF;
                        }
                        .cut{
                            width: 2px;
                            height: 50px;
                            background: #FFFFFF;
                            margin-top: 10px;
                            border-radius: 50%;
                        }
                    }
                    .brand_wall {
                        height: 230px;
                        margin: 0px;
                        overflow: hidden;
                        padding-top: 5px;
                        li{
                            float: left;
                            width: 100px;
                            height: 50px;
                            margin: 5px 0px 0px;
                            img{
                                width: 85px;
                                height: 40px;
                            }
                        }
                    }
                    .hotwords {
                        border-top: 1px solid #D1D1D1;
                        margin-top: 8px;
                        clear: both;
                        padding-top: 10px;
                        padding-left: 20px;
                        li {
                            width: 50%;
                            font: bold 13px/25px arial,微软雅黑;
                            float: left;
                            a:hover{
                                color: #E60012;;
                            }
                        }
                    }
                }
//              右侧
                .fbr{
                    height: auto;
                    overflow: hidden;
                    .fbrl{
                        width: 360px;
                        height: 430px;
                        overflow: hidden;
                        a{
                            width: 100%;
                            height: 100%;
                            border: 1px solid #DDD;
                            img{
                                width: 360px;
                                height: 430px;
                            }
                        }
                        
                    }
                    .fbrr{
                        width: 600px;
                        li{
                            width: 200px;
                            float: left;
                            text-align: center;
                        }
                    }
                }
                
            }
        }
    }
//  热门品牌
    .hot_brand{
        .floor_body{
            border: 1px solid #D1D3D4;
            padding: 24px 0px 24px 24px;
            background: #FFF;
            .soule_brand{
                width: 100%;
                height: 320px;
                overflow: hidden;
                ul{
                    width: 100%;
                    li{
                        float: left;
                        margin-right: 22px;
                    }
                }
            }
            .soule_brand_wall{
                margin: 40px 0px 0px;
                background: transparent none repeat scroll 0px center;
                position: relative;
                overflow: hidden;
                width: 100%;
                .soule_brand_list{
                    width: 95%;
                    margin-left: 15px;
                    padding-left: 25px;
                    height: 110px;
                    position: relative;
                    overflow: hidden;
                    .brandbox{
//                      预留轮播长度
                        height: 3318px;
                        overflow: hidden;
                        position: relative;
                        li{
                            width: 1106px;
                            height: 110px;
                            float: left;
                            a{
                                display: block;
                                float: left;
                                font-size: 12px;
                                line-height: 24px;
                                vertical-align: top;
                                width: 110px;
                                height: 50px;
                                margin: 5px 0px 0px;
                            }
                        }
                    }
                }
                
                .btn{
                    display: block;
                    width: 20px;
                    height: 58x;
                    position: absolute;
                    top: 20px;
                    font-family: 宋体;
                    font-size: 38px;
                    &.next{
                        right: 13px;
                    }
                }
                
            }
        }
    }
    
//  特卖专区
    .sales{
        width: 100%;
        height: auto;
        overflow: hidden;
        .sales_title{
            border-bottom: 3px solid #000;
            font: 17px/34px "微软雅黑";
            margin-top: 30px;
        }
        .sales_body{
            position: relative;
            height: 330px;
            border: 1px solid #D1D3D4;
            padding: 24px 0px 2px 24px;
            background: #FFF;
            .sales_tab{
                border-top: 1px solid #000000;
                border-right: 1px solid #D1D3D4;
                position: absolute;
                top: -1px;
                left: 0px;
                overflow: hidden;
                li {
                    font-size: 14px;
                    float: none;
                    line-height: 39px;
                    border-bottom: 1px solid #D1D3D4;
                    width: 184px;
                    padding-left: 14px;
                    font-family: 微软雅黑;
                    position: relative;
                    background: #FFF none repeat scroll 0% 0%;
                    height: 39px;
                    &.mark{
                        background: #FFE2ED;
                    }
                    a,i{
                        display: block;
                    }
                    i{
                        position: absolute;
                        font-style: normal;
                        right: 10px;
                        font-family: 宋体;
                        font-size: 24px;
                        display: none;
                        color: #fff;
                        top: 0px;
                    }
                    &:hover{
                        background: #000000;
                        a{
                            color: #FFFFFF;
                        }
                        i{
                            display: block;
                        }
                    }
                }
            }
            .sales_content{
                position: absolute;
                top: 0;
                right: 0;
//              background: #999999;                
                .sales_tab_body{
                    width: 987px;
                    padding-left: 3px;
                    overflow: hidden;
                    
                    li{
                        width: 238px;
                        margin-top: 10px;
                        margin-left: 6px;
                        float: left;
                        .img{
                            margin: 0;
                            a{
                                display: block;
                                border: 1px solid #DDD;
                                width: 100%;
                                overflow: hidden;
                                img{
                                    width: 240px;
                                    height: 240px;
                                }
                                .mark_small{
                                    width: 240px;
                                    height: 20px;
                                    background: #F0A1A1;
                                    text-indent: 5px;
                                    color: #FFFFFF;
                                    margin-top: -4px;
                                }
                            }
                        }
                        .con{
                            padding: 16px 0px 6px 6px;
                            .nptt {
                                display: block;
                                height: 40px;
                                overflow: hidden;
                                font: 12px/20px tahoma,宋体;
                            }
                            .price{
                                font-size: 15px;
                                color: #E60012;
                                .price_now{
                                    font-size: 17px;
                                }
                                .price_old{
                                    text-decoration: line-through;
                                    font: 12px/20px tahoma,宋体;
                                    color: #AAA;
                                }
                            }
                        }
                    }
                }
                .tab2{
                    width: 970px;
                    padding-left: 20px;
                    padding-top: 15px;
                }
            }
            
        }   
    }
    
    
    
}









